*{margin:0;padding:0;outline:none;}
html{font-size:16px;}
body{width:100%;height:auto;min-height:600px;/*font-family:"Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;*/overflow-x:hidden}
a{color:#333;cursor:pointer;}
a:hover{color:#333;text-decoration:none;}
ul li{list-style-type:none}
p{margin:0;line-height:1.7em;}
h1{font-size:160%;font-weight:normal}
h2{font-size:140%;margin:15px auto;}
header,section,footer{width:100%;background-color:#fff}
section,footer{position:relative;z-index:9990}
address>p{margin-bottom:0;color:#666;}
iframe{width:100%;height:100%;border:none;}
/* ============================================= base ============================================= */
.text-indent{text-indent:2em}
.m20{margin:20px}
.p15{padding:15px}
.p15h{padding:0 15px}
.w80{margin:15px 10%;width:80%}
.w90{margin:15px 5%;width:90%}
.w100{margin:15px 0;width:100%}
.f80{font-size:80%}
.f100{font-size:100%}
.f120{font-size:120%}
.f140{font-size:140%}
.f160{font-size:160%}
.white{color:#fff}
.black{color:#22222d}/* R:34  G:34  B:45  */
.gray-d{color:#55555d}/* R:85  G:85  B:93  */
.gray-m{color:#88888d}/* R:136  G:136  B:141  */
.gray-l{color:#c9c9c9}/* R:201  G:201  B:201   */
.gray-bg{background-color:#f6f6f6}/* R:246  G:246  B:246   */
.blue{color:#00bcd4}/* R:0  G:188  B:212  */
.orange{color:#ff9c00}/* R:0  G:188  B:212  */
/* icon style */
.row{margin:0;}
.btn.active, .btn:active{-webkit-box-shadow:none;box-shadow:none;}
.btn-hollow-rounded{padding:.8em 1.3em;color:#fff;background-color:rgba(255,255,255,.1);border-color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-gray-l-rounded{padding:.8em 1.5em;max-width:400px;color:#55555d;background-color:#ddd;border-color:#88888d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-gray-l-rounded:link,.btn-gray-l-rounded:visited,.btn-gray-l-rounded:hover,.btn-gray-l-rounded:active{color:#55555d}
.btn-gray-rounded{margin:10px 10px 13px 10px;width:6em;max-width:400px;padding:.2em 0;text-align:center;color:#fff;background-color:#666;border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-black-rounded{padding:.3em 1.2em;max-width:400px;color:#fff;background-color:rgba(34,34,45,.9);border-color:#22222d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}

/* Bootstrap css overwrite */
.text-uppercase{margin:auto 15px 15px 15px;color:#333;font-style:italic;font-weight:normal;display:inline-block}
.text-uppercase-mobile{margin:15px auto 10px auto;color:#22222d;font-size:90%;font-style:italic;font-weight:normal;display:inline-block}
/* nav */
.navbar{margin-bottom:0;height:60px;z-index:9998}
.menu-icon{position:absolute;margin:20px}
.menu-icon>img{width:auto;height:15px}
.logo-top{position:fixed;margin:auto 31%;width:38%;line-height:60px;text-align:center;display:inline-block}
.logo-top>img{margin:0;width:100%;max-width:157.313px;height:auto;max-height:46px}
.code-left{margin-left:17%}
.code-right{margin-right:17%}
.code-left,.code-right{width:37%;max-width:200px;}
.code-left>a>img,.code-right>a>img{width:100%;height:auto;}
/* left hidden menu*/
.left-hide-menu{position:fixed;top:0;left:-50%;bottom:0;width:50%;height:100%;right:0;z-index:9995;background-color:#22222d;}
/*.left-hide-menu{position:fixed;top:0;left:0;bottom:0;width:256px;height:100%;right:0;z-index:9995;background-color:#22222d;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;}*/
.left-hide-menu>ul{margin-top:60px}
.left-hide-menu>ul>li>a{padding-left:18%;width:100%;height:60px;color:#fff;font-size:120%;line-height:60px;display:inline-block}
.left-hide-menu>ul>li>a.selected{background-color:#55555d}

.main-mobile{position:absolute;margin:0;padding-bottom:90px;background-color:#fff;z-index:9996;-webkit-box-shadow:-5px 0 5px #22222d;-moz-box-shadow:-5px 0 5px #22222d;box-shadow:-5px 0 5px #22222d;}
/*.slideout-open,.slideout-open body,.slideout-open.slideout-panel{overflow:hidden;}*/
/*.slideout-open .slideout-menu{display:block;}*/
/* header */
.banner{margin:50px auto 0 auto;padding:0;width:100%;height:100vmin;overflow:hidden}
.banner>.cover{position:absolute;margin:0;width:100%;height:100%;
    background:transparent; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));}
.banner>.cover>.row{position:absolute;margin:0;width:100%;bottom:40px;}
/* footer */
.footer-mobile{position:absolute;bottom:0;padding:10px 0;color:#fff;background-color:#333}

.sub-wrapper{margin-top:60px}
/* hospital */
.breadcrumb{margin:10px auto 10px 5%;padding:8px 0;background-color:transparent;}
.breadcrumb a:hover{text-decoration:none;color:#333;}
.breadcrumb>li+li:before{padding:0 5px 0 2px;content: "\003e ";}
.dropdown{margin-right:5%;}
.btn-dropdown{margin-top:15px;padding:3px 9px;background-color:transparent;border:1px solid #c9c9c9;}

.address{margin-top:50px;}
.address .content{margin:1em auto 2em auto;text-indent:2em;}
.address address{font-size:120%;}
.address address img{margin:-3px 5px auto auto;}
.treaty{margin:70px auto;width:80%;font-size:16px;max-width:1200px;border:1px dashed #333;}
.treaty:last-child{margin-top:100px;}
.treaty>.title{position:absolute;width:80%;max-width:1200px;margin-top:-.5em;text-align:center;}
.treaty>.title>h2{padding:0 1em 0 1em;background-color:#fff;display:inline;}
.treaty>p,.treaty>ol{margin:auto;width:96%;line-height:1.7em;text-indent:2em;}

.hospital-list{margin:auto 5%;width:90%;list-style-type:none;}
.hospital-list>li{padding:15px 0;border-bottom:1px solid #c9c9c9;}
.hospital-list>li:first-child{padding-top:0;}
.hospital-info{margin-bottom:10px;height:113px;}
.hospital-info>.left{position:relative;width:43%;height:100%;display:inline-block;}
.hospital-info>.left>a{width:95%;height:100%;display:inline-block;}
.hospital-info>.right{position:relative;width:55%;height:100%;vertical-align:top;display:inline-block;}
.hospital-info>.right>p{position:absolute;top:5px;width:100%;font-size:110%;}
.hospital-info>.right>.bottom{position:absolute;color:#88888d;bottom:10px;}
.hospital-info>.right>.bottom>small{margin-top:5px;display:block;}
.hospital-address>p{margin-top:5px;color:#88888d;}
.hospital-address>.phone{color:#55555d;}
.hospital-address>p>img{margin:-3px .5em auto .5em;width:1em;height:auto;}

.hospital>.col-md-12{padding-right:10px;padding-left:10px;}
.hospital li{border-bottom:1px solid #c9c9c9;}
.lead{margin-bottom:15px;}
.logoImg{margin-right:5%;width:3em;height:3em;display:inline-block;}
.logoImg>img{width:100%;height:3em;}
.logoImg>a{width:100%;height:3em;}
.lead>.right{width:73%;vertical-align:top;display:inline-block;}
.lead>.right>p{height:3em;line-height:3em;}
.lead>.right>small{margin-left:.3em;font-size:70%;color:#666;display:block;}
.hospital .doctor{margin:30px auto 20px auto;clear:both;}
.hospital .doctor>ul{border-top:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;}
.hospital .doctor>ul>li{margin-right:5%;padding:15px 0;width:22%;text-align:center;display:inline-block;border:none;}
.hospital .doctor>ul>li:nth-child(4){margin-right:0;}
.hospital .doctor>ul>li:last-child{position:absolute;margin:11% 0 auto auto;right:0;width:43px;}
.hospital .doctor>ul>li:last-child>a:hover{color:#333;text-decoration:none;}
.hospital .doctor>ul>li>a{color:#333;}
.hospital .doctor>ul>li>a>img{width:100%;}
.hospital .doctor>ul>li>a>h4{font-size:100%;font-weight:normal;}
.hospital .doctor>ul>li>a>.label{padding:.2em .6em .2em .5em;background-color:#ff9c00;
    -webkit-border-radius:1em;
    -moz-border-radius:1em;
    border-radius:1em;}
/*城市下拉列表重写*/
.dropdown-menu{top:120%;min-width:100px;padding:10px 0;text-align:center;border:1px solid #f6f6f6;}
.dropdown-menu>li>a{line-height:2em;}
.dropdown-menu>li>a:hover{background-color:transparent;}
.city-bg{position:absolute;width:12px;height:12px;margin:-21px auto auto 10px;}
/*医院列表页码重写*/
.page>.col-md-12{padding:0;}
.pagination{margin:50px auto 20px auto;}
.pagination>ul>li{display:inline;}
.pagination>ul>li>a{margin:1px -1px;padding:4px 8px;color:#333;border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.pagination>ul>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:#fff;background-color:#ff9c00;border-color:#ff9c00;}
.pagination>ul>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#88888d;}
.pagination>ul>.controls{margin-top:15px;display:block;}
.pagination>ul>.controls>a>input{width:2em;text-align:center;border:none;}

.detail>.left{padding-bottom:20px;}
.detail>.left>span{width:100%;height:350px;}
.detail>.left ul>li{margin-left:5px;width:98px;height:80px;display:inline-block;clear:both;cursor:pointer;}
.detail>.left .prev,.detail>.left .next{position:absolute;margin-top:369px;padding:35px 2.5px;height:80px;color:#666;background-color:#f6f6f6;cursor:pointer;}
.detail>.left .prev{left:15px;}
.detail>.left .next{right:15px;}
.detail>.left ul>li>img{width:100%;}
.detail>.left>.scroll{margin-top:20px;width:100%;height:80px;overflow:hidden;}
#wrapper{position:absolute;width:430px;height:100%;margin:0 20px;overflow:hidden;}
#scroller{position:absolute;width:1000px;height:100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;}

.detail>.right{height:100%;padding:20px;background-color:#f6f6f6;}
.detail>.right>time{margin:10px auto;padding:.5em 0;color:#fff;font-size:120%;text-align:center;background-color:#ff9c00;display:block;clear:both;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.detail>.right>address{font-size:120%;color:#ff9c00;}
.detail>.right>address>strong{font-size:120%;font-weight:normal;}
.detail-tab>.col-md-12{padding:0;}
.discount{position:relative;}
.discount>img{margin-left:37.5%;width:53%;}
.discount>strong{position:absolute;top:25%;right:17.5%;color:#ff9c00;font-size:300%;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);}
.map{margin:20px auto 80px auto;padding:0;height:300px;}
.map>#allmap{margin:20px auto;width:90%;height:100%;overflow:hidden;}
.map>address{height:auto;text-align:center;}
.map>address>img{margin-top:-3px;}
/*医院tab重写*/
.hospital-tab{margin:20px 0;}
.nav-tabs{background-color:#f6f6f6;}
.nav-tabs>li{width:24%;margin-left:1%;text-align:center;}
.nav-tabs>li>a{padding:10px 0;}
.nav-tabs>li>a:hover{color:#333;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{padding-top:8px;color:#ff9c00;border-top:3px solid #ff9c00;}
.tab-content{margin:10px 5% 50px 5%;min-height:200px;color:#999;}
.tab-content>.doctor>ul>li{padding:20px 0;border-bottom:1px solid #c9c9c9;}
.tab-content>.doctor>ul>li>img{margin-left:2%;width:13%;vertical-align:top;}
.tab-content>.doctor>ul>li>.right{margin-left:4%;width:78%;color:#666;vertical-align:middle;display:inline-block;}
.tab-content>.doctor>ul>li>.right>h4{margin:auto 10px 10px 0;font-size:120%;font-weight:normal;display:inline-block}
.tab-content>.doctor>ul>li>.right>.label{padding:.3em .8em .3em .7em;background-color:#ff9c00;
    -webkit-border-radius:1em;
    -moz-border-radius:1em;
    border-radius:1em;}
.tab-pane>p{width:100%;}
.tab-pane>img,.tab-pane>p>img{width:100%!important;height:auto!important;}
@media (max-width: 375px) {
    .hospital-info{height:103px;}
}
@media (max-width: 320px) {
    html{font-size:14px;}
    .hospital-info{height:88px;}
    .discount>strong{font-size:250%;}
}